/<template>
  <div>
    <slot name="head"></slot>
    <div class="head">
      <span>上海<van-icon name="arrow-down" /></span>
      <input type="text" placeholder="输入商户名、地点或菜品">
      <span><van-icon name="more-o" /></span>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang='scss'>
.head {
  width: 100%;
  height: 50px;
  background: #fcc;
  display: flex;
  justify-content: space-around;
  align-items: center;
  input {
    width: 300px;
    height: 30px;
    border: none;
    border-radius: 15px;
    text-align: center;
  }
}
</style>